<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<title>数据库配置</title>
<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="js/dbconfig.js" type="text/javascript"></script>
</head>

<body>
	<div style="padding: 20px;">
		<div class="portlet box blue">
			<div class="portlet-title">
				<div class="caption">
					<i class="icon-reorder"></i>数据库连接配置
				</div>
			</div>

			<div class="portlet-body form">
				<form class="form-horizontal" autocomplete="off">
					<div class="control-group">
						<label class="control-label">连接名</label>
						<div class="controls">
							<input type="text" class="span6 m-wrap" id="servername"/>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label">主机</label>
						<div class="controls">
							<input type="text" class="span6 m-wrap" id="serverip"/>
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">端口号</label>
						<div class="controls">
							<input type="text" class="span2 m-wrap tooltips" id="port"
								data-trigger="hover" data-original-title="Example:3306" />
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">数据库类型</label>
						<div class="controls">
							<select class="span6 m-wrap" data-placeholder="请选择数据库类型"
								tabindex="1" id="dbtype">
								<option value="">请选择</option>
								<option value="Oracle">Oracle</option>
								<option value="MySql">MySql</option>
								<option value="Postgre">PostgreSQL</option>
								<option value="Sybase">Sybase</option>
								<option value="SqlServer">SqlServer</option>
							</select>
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">用户名</label>
						<div class="controls">
							<input type="text" id="username" class="span3 m-wrap" autocomplete="off"/>
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">密码</label> 
						<div class="controls">
							<input type="password" id="password" class="span3 m-wrap"/>
						</div>
					</div>

					<div class="control-group" id="sid-div">
						<label class="control-label">SID/服务名</label>
						<div class="controls">
							<input type="text" id="sid" class="span3 m-wrap" />
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">默认数据库</label>
						<div class="controls">
							<input type="text" id="defaultdb" class="span3 m-wrap" />
						</div>
					</div>

					<div class="form-actions">
						<button type="button" id="connecttest" class="btn green">连接测试</button>
						<button type="button" id="saveconfig" class="btn blue">保存配置</button>
					</div>
				</form>
			</div>
		</div>
	</div>

</body>
</html>